
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
        <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/chart.xkcd@1.1/dist/chart.xkcd.min.js"></script>
</head>
<body>
    <div id="9d39a9c65f9b44b3bf58c0f494428e8d" class="chart-container" style="width: 800px">
        <svg id="chart_9d39a9c65f9b44b3bf58c0f494428e8d"></svg>
    </div>
    <script>
        const svg_9d39a9c65f9b44b3bf58c0f494428e8d = document.querySelector('#chart_9d39a9c65f9b44b3bf58c0f494428e8d')
        const chart_9d39a9c65f9b44b3bf58c0f494428e8d = new chartXkcd.Line(svg_9d39a9c65f9b44b3bf58c0f494428e8d, {"title": "\u7279\u6717\u666e\u6bcf\u5e74\u53d1\u7684\u63a8\u7279\u6570\u91cf", "data": {"datasets": [{"label": "\u63a8\u7279\u6570\u91cf", "data": [56, 142, 774, 3531, 8144, 5792, 7530, 4223, 2602, 3572, 7615]}], "labels": [2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016, 2017, 2018, 2019]}, "xLabel": "\u5e74\u4efd", "yLabel": "\u6570\u91cf", "options": {"yTickCount": 3, "legendPosition": 1}});
    </script>
</body>
</html>
